<template>
  <div class="home">
    <Header :list="persons" />
  </div>
</template>

<script setup lang="ts">
import Header from "../components/Header.vue";
import {reactive} from "vue";
import {type Persons} from "../types";

let persons = reactive<Persons>([
  {id: 'dsfsfadaf1', name: "zs", age: 19},
  {id: 'dsfsfadaf2', name: "lisi", age: 32},
  {id: 'dsfsfadaf3', name: "ww", age: 8},
])

</script>

<style scoped>
  .home {
    width: 500px;
    height: 200px;
    background-color: burlywood;
    padding: 20px;
  }
</style>